.login-pane {
    -fx-background-color: derive(-fx-login-background-color, 5%);
    -fx-background-radius: 10px;
    -fx-border-radius: 10px;
    -fx-padding: 2px;
    /*-fx-border-insets: 12px;*/
    -fx-effect: dropshadow(three-pass-box, -fx-login-background-color, 10, 0.5, 0, 0);
}

.content-pane {
    -fx-background-color: -fx-login-background-color;
    -fx-background-radius: 10px;
    -fx-border-radius: 10px;
}

.content-pane .login-circles {
    -fx-background-radius: 15px;
    -fx-border-radius: 15px;
}

.content-pane .progress-indicator {
    -fx-min-width: 30px;
    -fx-min-height: 30px;
    -fx-progress-color: -fx-login-font-color;
}

.login-form-pane {
    -fx-background-radius: 15px;
    -fx-border-radius: 15px;
    -fx-padding: 10px;
}

.login-form-pane .title {
    -fx-effect: innershadow(three-pass-box, -fx-login-hight-color, 12, 2.0, 3, 6);
    -fx-text-fill: -fx-login-font-color;
    -fx-fill: -fx-login-font-color;
}

.login-form-pane .tip,
.login-form-pane.button {
    -fx-effect: innershadow(three-pass-box, -fx-login-hight-color, 12, 2.0, 3, 6);
    -fx-text-fill: -fx-login-font-color;
    -fx-fill: -fx-login-font-color;
    -fx-font-weight: 800;
}

.login-form-pane .input-line {
    -fx-border-color: -fx-login-hight-color;
}

.login-form-pane .text-field {
    -fx-font-size: 18px;
    -fx-text-fill: -fx-login-font-color;
    -fx-border-radius: 10px;
}

.login-form-pane .password-field {
    -fx-font-size: 18px;
    -fx-text-fill: -fx-login-font-color;
    -fx-border-radius: 20px;
    -fx-background-radius: 20px;
    -fx-background-color: #cffff8;
    -fx-pref-width: 300px;
}

.login-form-pane .choice-box,
.login-form-pane .combo-box,
.login-form-pane .combo-box:editable .text-field,
.login-form-pane .combo-box:editable .arrow-button {
    -fx-font-size: 18px;
    -fx-text-fill: -fx-login-font-color;
    -fx-pref-width: 310px;

    /*-fx-background-color:*/
            /*#000000,*/
            /*linear-gradient(#7ebcea, #2f4b8f),*/
            /*linear-gradient(#426ab7, #263e75),*/
            /*linear-gradient(#395cab, #223768);*/
    -fx-background-color: #cffff8;
    /*-fx-padding: 3 10 4 20;*/
    -fx-border-radius: 20px;
    -fx-background-radius: 20px;
}

.login-form-pane .combo-box .arrow {
   -fx-background-color: transparent;
}

.login-form-pane .combo-box .combo-box-popup .list-view,
.login-form-pane.combo-box .combo-box-popup .list-cell {
    -fx-background-color: derive(-fx-login-background-color, 10%);
    -fx-text-fill: -fx-second-background-color ;
    -fx-font-family: "Calibri" ;
}

.login-form-pane .combo-box .combo-box-popup .list-view .list-cell:hover {
    -fx-background-color: -fx-login-hight-color ;
    -fx-text-fill: -fx-second-background-color;
    -fx-fill: -fx-second-background-color;
}

.login-form-pane .combo-box .combo-box-popup .list-view .list-cell:hover .label,
.login-form-pane .combo-box .combo-box-popup .list-view .list-cell:hover .ikonli-font-icon {
    -fx-icon-color: -fx-second-background-color;
    -fx-text-fill: -fx-second-background-color ;
    -fx-fill: -fx-second-background-color;
}

.login-form-pane .combo-box .combo-box-popup .list-view .label,
.login-form-pane .combo-box .combo-box-popup .list-view .ikonli-font-icon {
    -fx-icon-color: derive(-fx-login-background-color, -20%);
    -fx-text-fill: derive(-fx-login-background-color, -20%) ;
    -fx-fill: derive(-fx-login-background-color, -20%);
}

.close-btn:pressed{
    -fx-background-color: -fx-close-color;
}

.error-tip {
    -fx-text-fill: -fx-warn-tip-color;
    -fx-font-size: 13px;
}

.login-form-pane .check-box {
    -fx-effect: innershadow(three-pass-box, -fx-login-hight-color, 12, 2.0, 3, 6);
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: -fx-login-font-color;
    -fx-fill: -fx-login-hight-color;
}

.login-form-pane .check-box .box{
    -fx-fill: -fx-login-hight-color;
    -fx-background-color: -fx-login-hight-color;
}